	<script>
		function open1(){
			$('#p').panel('open');
		}
		function close1(){
			$('#p').panel('close');
		}
		function load1(){
			$('#p').panel('refresh','documentation/tabs_href_test.html');
		}
	</script>

	<h2>控制面板 - Panel</h2>
	<div class="demo-info">
	点击右上角按钮来操作控制面板。 </div>
	
	<div style="margin:10px 0;">
		<a href="#" class="easyui-linkbutton" onclick="open1()">打开</a>
		<a href="#" class="easyui-linkbutton" onclick="close1()">关闭</a>
		<a href="#" class="easyui-linkbutton" onclick="load1()">加载</a>
	</div>
	<div style="height:300px;background:#fafafa;padding:5px;">
		<div id="p" class="easyui-panel" style="width:500px;height:200px;padding:10px;"
				data-options="title:'My Panel',iconCls:'icon-save',
						collapsible:true,minimizable:true,maximizable:true,closable:true">
			<p>panel</p>
			<p>panel</p>
			<p>panel</p>
			<p>panel</p>
			<p>panel</p>
			<p>panel</p>
			<p>panel</p>
			<p>panel</p>
			<p>panel</p>
			<p>panel</p>
			<p>panel</p>
			<p>panel</p>
		</div>
	</div>
<h3>页面代码： </h3>
<pre name="code" class="html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
	&lt;title&gt;Panel - jQuery EasyUI Demo&lt;/title&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/default/easyui.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/icon.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;demo.css&quot;&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery-1.7.2.min.js&quot;&gt;&lt;/script&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery.easyui.min.js&quot;&gt;&lt;/script&gt;
	&lt;script&gt;
		function open1(){
			$('#p').panel('open');
		}
		function close1(){
			$('#p').panel('close');
		}
		function load1(){
			$('#p').panel('refresh','tabs_href_test.html');
		}
	&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;h2&gt;控制面板 - Panel&lt;/h2&gt;
	&lt;div class=&quot;demo-info&quot;&gt;
	点击右上角按钮来操作控制面板。 &lt;/div&gt;
	
	&lt;div style=&quot;margin:10px 0;&quot;&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; onclick=&quot;open1()&quot;&gt;打开&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; onclick=&quot;close1()&quot;&gt;关闭&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; onclick=&quot;load1()&quot;&gt;加载&lt;/a&gt;
	&lt;/div&gt;
	&lt;div style=&quot;height:300px;background:#fafafa;padding:5px;&quot;&gt;
		&lt;div id=&quot;p&quot; class=&quot;easyui-panel&quot; style=&quot;width:500px;height:200px;padding:10px;&quot;
				data-options=&quot;title:'My Panel',iconCls:'icon-save',
						collapsible:true,minimizable:true,maximizable:true,closable:true&quot;&gt;
			&lt;p&gt;panel&lt;/p&gt;
			&lt;p&gt;panel&lt;/p&gt;
			&lt;p&gt;panel&lt;/p&gt;
			&lt;p&gt;panel&lt;/p&gt;
			&lt;p&gt;panel&lt;/p&gt;
			&lt;p&gt;panel&lt;/p&gt;
			&lt;p&gt;panel&lt;/p&gt;
			&lt;p&gt;panel&lt;/p&gt;
			&lt;p&gt;panel&lt;/p&gt;
			&lt;p&gt;panel&lt;/p&gt;
			&lt;p&gt;panel&lt;/p&gt;
			&lt;p&gt;panel&lt;/p&gt;
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
<SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>
